<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/penalize/penalizeAdd.css" />
		<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css" />
		<link rel="stylesheet" href="css/mui.poppicker.css" />
	</head>

	<body>
		<form action="" method="post" id="Edit">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">简易程序案件</a>
				<h1 class="mui-title" >新增</h1>
				<a class="mui-icon mui-pull-right save" href="javascript:;" @click="editaddsub()" >保存</a>
			</header>
			<!--编辑页面-->
			<div class="mui-content" id="pullrefresh">
				<input type="hidden" name="id" :value="id" />
				<ul class="mui-table-view" id="anxx">
					<li class="mui-table-view-cell mui-table-view-first ">
						<span class="mui-pull-left">案件信息</span>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border sel" xbzx-verify="sel">
							<label class="must">案件编号：</label>
							<label style="margin: 0 .3rem 0 0;">（{{pickerlist.city}}）食药监</label>
							<input type="text" required title="执法类别" class="mui-input-clear" id="lawList" placeholder="请选择执法类别" @click="picker('#lawList',pickerlist.lawList)"  readonly="readonly" name="summarycase.titlelaw" :value="list.titlelaw">
							<!--<input type="text"  class="mui-input-clear" id="natureList" placeholder="请选择执法性质" @click="picker($('#natureList'),vm.pickerlist.natureList)"  name="summarycase.titlenature" :value="list.titlenature">-->
							<input type="hidden" name="summarycase.titleyear" :value="pickerlist.year" />
							<input type="hidden" name="summarycase.titlecity" :value="pickerlist.city" />
						</div>
						<div class="mui-input-row  num" xbzx-verify="num">
							<label>当罚({{pickerlist.year}})</label>
							<input type="tel" required title="案件编号" class="mui-input-clear " placeholder="请输入案件编号"  name="summarycase.titlecode" :value="list.titlecode">
							<span>号</span>
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border">
							<label>案&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;由：</label>
							<input type="text" class="mui-input-clear" placeholder="请输入100字以内" name="summarycase.caseorigin" :value="list.caseorigin" maxlength="100">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" xbzx-verify="sshy">
							<label class="must">所属行业：</label>
							<input type="text" required title="所属行业" readonly="readonly"  id="showUserPicker" class="mui-input-clear" placeholder="请选择所属行业" @click="picker('#showUserPicker',pickerlist.tradeList)"  name="summarycase.sshy" :value="list.sshy">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" xbzx-verify="source">
							<label class="must">案件来源：</label>
							<input type="text" required title="案件来源" readonly="readonly"  id="showUserPicker01" class="mui-input-clear" placeholder="请选择案件来源" @click="picker('#showUserPicker01',pickerlist.sourceList)"  name="summarycase.source" :value="list.source">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" id="person"  xbzx-verify="person">
							<input type="hidden" id="cbksdids" name="summarycase.cbksdids" value="" />
							<input type="hidden" id="zfddids" name="summarycase.zfddids" value="" />
							<input type="hidden" id="cbrid" name="summarycase.cbrid" value="" />
							<input type="hidden" id="cbks" name="summarycase.cbks" value="" />
							<label class="must">执法人员：</label>
							<input type="hidden" id="persondatabox" class="mui-input-clear" placeholder="请选择执法人员"  name="summarycase.zfry" :value="list.zfry">
							<div class="psbox">
								<div class="inb mui-checkbox mui-left" v-for="i in person">
									<label>{{i.uname}}</label>
									<input class="personinput"  type="checkbox" :value="i.uname">
								</div>
							</div>
						</div>
					</li>

				</ul>
				<ul class="mui-table-view" >
					<li class="mui-table-view-cell mui-table-view-first ">
						<span>当事人信息</span>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" id="personbox" xbzx-verify="partytype">
							<label class="must">当事人类别：</label>
							<div class="mui-radio mui-left mui-pull-left">
								<label>个人（自然人）</label>
								<input name="summarycase.partytype" type="radio" class="radio" value="个人" checked>
							</div>
							<div class="mui-radio mui-left mui-pull-left">
								<label>单位（企业、个体户等）</label>
								<input name="summarycase.partytype" type="radio" class="radio" value="单位">
							</div>
							<input type="hidden" id="party1" name="summarycase.party" value="" />
						</div>
					</li>
					<div class="person" >
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="party">
								<label class="must">当&nbsp;&nbsp;&nbsp;&nbsp;事&nbsp;&nbsp;&nbsp;&nbsp;人：</label>
								<input type="text" required="required" title="当事人" class="mui-input-clear" placeholder="15个字以内"  id="party" :value="list.party" maxlength="15">
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border">
								<label>职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</label>
								<input type="text" class="mui-input-clear" placeholder="15个字以内" name="summarycase.post" :value="list.post" maxlength="15">
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="idcard">
								<label class="must">身&nbsp;份&nbsp;证&nbsp;号：</label>
								<input type="text" id="sfz" required title="身份证号" class="mui-input-clear" placeholder="请输入身份证号"  name="summarycase.sid" :value="list.sid" maxlength="18">
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border">
								<label>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>
								<div class="mui-radio mui-left mui-pull-left">
									<label>男</label>
									<input name="summarycase.sex" type="radio" value="男" :checked="list.sex == '男'">
								</div>
								<div class="mui-radio mui-left mui-pull-left">
									<label>女</label>
									<input name="summarycase.sex" type="radio" value="女" :checked="list.sex == '女'">
								</div>
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="phone">
								<label class="must">手&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
								<input type="text" id="sjh" required title="手机号" class="mui-input-clear" placeholder="请输入手机号"  name="summarycase.phone" :value="list.phone" maxlength="11">
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border">
								<label>住&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：</label>
								<input type="text" class="mui-input-clear"  placeholder="请选择县市" id='showCityPicker6' @click="psplace()" :value="personplace" readonly="readonly">
								<input type="hidden" id="personprovince" name="summarycase.personprovince" value="" />
								<input type="hidden" id="personcity" name="summarycase.personcity" value="" />
								<input type="hidden" id="personarea" name="summarycase.personarea" value="" />
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border">
								<label>详&nbsp;细&nbsp;&nbsp;地&nbsp;址：</label>
								<input type="text" class="mui-input-clear" placeholder="请输入详细地址" name="summarycase.address" :value="list.address" maxlength="50">
							</div>
						</li>
					</div>
					<!-- 单位 -->
					<div class="company" style="display: none;">
						<input type="hidden" name="summarycase.enterid" id="hiddenywid" :value="list.enterid||ywid"/>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border mui-ellipsis" id="companyinput-box" v-if="!flag" xbzx-verify="party_company">
								<label class="must">当&nbsp;&nbsp;&nbsp;&nbsp;事&nbsp;&nbsp;&nbsp;&nbsp;人：</label>
								<!--新增-->
								<input  type="text" v-on:input="companysearch($event)"  id="companyinput" class="mui-input-clear" placeholder="50字以内"   v-if="pd">
								<!--编辑-->
								<input  type="text" v-on:input="companysearch($event)"  id="companyinput" class="mui-input-clear" placeholder="50字以内"  readonly="readonly" v-if='!pd' :value="companydata.name" >
							</div>
							<div class="mui-input-row border mui-ellipsis" id="companyinput-box" v-else  xbzx-verify="party_company">
								<label class="must">当&nbsp;&nbsp;&nbsp;&nbsp;事&nbsp;&nbsp;&nbsp;&nbsp;人：</label>
								<!--扫一扫新增-->
								<input  type="text" v-on:input="companysearch($event)"  id="companyinput" class="mui-input-clear" placeholder="50字以内" readonly="readonly" :value="addlist.name" >
								<input type="hidden" name="summarycase.personcity"  :value="addlist.city" />
								<input type="hidden" name="summarycase.personarea"  :value="addlist.oaway" />
								<input type="hidden" name="summarycase.address"  :value="addlist.address" />
								<input type="hidden" name="summarycase.sex"  :value="addlist.sex" />
							</div>
						</li>
						<ul id="companylist-box" style="display: none;" style="top: 3.3rem;">
							<!--<li class="companyitem mui-ellipsis" v-for="i in companylist"  >{{i.name}}</li>-->
						</ul>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="cenumber">
								<label class="must">营业执照号：</label>
								<input type="text" id="cenumber" class="mui-input-clear" name="summarycase.yyzz" placeholder="18字以内" readonly="readonly" maxlength="18"  :value="companydata.cenumber||addlist.cenumber" >
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border">
								<label style="margin-left:-.02rem ;">经营/生产地址：</label>
								<input type="text" id="oaway" class="mui-input-clear" placeholder="请输入地址" readonly="readonly" :value="companydata.oaway||way">
								<input type="hidden" name="summarycase.personcity" id="city" :value="companydata.city" />
								<input type="hidden" name="summarycase.personarea" id="area" :value="companydata.area" />
								<input type="hidden" name="summarycase.address" id="address" :value="companydata.address" />
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="legalname">
								<label class="must">法定代表人(负责人)：</label>
								<input type="text" id="legalname" class="mui-input-clear" name="summarycase.frdb" placeholder="15字以内" maxlength="15"  readonly="readonly" :value="companydata.legalname||addlist.legalname" >
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" >
								<label >职&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</label>
								<input type="text" id="position" class="mui-input-clear" name="summarycase.post" placeholder="请输入职务"  readonly="readonly"  :value="companydata.position||addlist.position" >
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border"  xbzx-verify="phone_company">
								<label class="must">手&nbsp;&nbsp;&nbsp;&nbsp;机&nbsp;&nbsp;&nbsp;&nbsp;号：</label>
								<input type="text" id="phone" class="mui-input-clear" name="summarycase.phone" placeholder="请输入手机号" readonly="readonly"  :value="companydata.phone||addlist.phone" >
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<div class="mui-input-row border" xbzx-verify="idcard_company">
								<label class="must">身&nbsp;份&nbsp;证&nbsp;号：</label>
								<input type="text" id="idcard" class="mui-input-clear" name="summarycase.sid" placeholder="请输入身份证号"  readonly="readonly" :value="companydata.idcard||addlist.idcard" >
							</div>
						</li>
						<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
							<input type="hidden" id="sex" name="summarycase.sex" :value="companydata.sex" />
							<div class="mui-input-row border">
								<label>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：</label>
								<div class="mui-radio mui-left mui-pull-left">
									<label>男</label>
									<input  type="radio" class="radio sex " value="男" disabled="disabled" :checked="companydata.sex == '男'||addlist.sex == '男'">
								</div>
								<div class="mui-radio mui-left mui-pull-left">
									<label>女</label>
									<input  type="radio" class="radio sex " value="女" disabled="disabled"  :checked="companydata.sex == '女'||addlist.sex == '女'">
								</div>
							</div>
						</li>
					</div>
				</ul>
				<ul class="mui-table-view" id="cfjg">
					<li class="mui-table-view-cell mui-table-view-first ">
						<span>处罚信息</span>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" xbzx-verify="cfyj">
							<label class="must">处罚依据：</label>
							<input type="text" required title="处罚依据" readonly="readonly" class="mui-input-clear" id="showUserPicker02" placeholder="请选择处罚依据" @click="picker02('#showUserPicker02',pickerlist.punishList)"  name="summarycase.cfyj" :value="list.cfyj">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix" id="punishotherbox" style="display: none;" >
						<div class="mui-input-row border" xbzx-verify="other_cfyj">
							<label class="must">其他依据：</label>
							<input type="text" id="punishinput" class="mui-input-clear" placeholder="请输入处罚依据"  value="" maxlength="200">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix" >
						<div class="mui-input-row border" xbzx-verify="cfdd">
							<label class="must">处罚地点：</label>
							<input type="text"  class="mui-input-clear"  maxlength="50" name="summarycase.punisharea" placeholder="请输入处罚地点" :value="list.punisharea">
							<!--<input type="hidden" id="punishprovince" name="summarycase.punishprovince" value="" />
							<input type="hidden" id="punishcity" name="summarycase.punishcity" value="" />
							<input type="hidden" id="punisharea" name="summarycase.punisharea" value="" />-->
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" xbzx-verify="time">
							<label class="must">处罚时间：</label>
							<!--编辑-->
							<input v-if="!pd" required title="处罚时间" readonly="readonly" type="text"  id='demo2' data-options='{"type":"date","beginYear":2014,"endYear":2099}' class="mui-input-clear" placeholder="请选择处罚时间" @click="dataSelect()"  name="summarycase.cfrq" :value="list.cfrq">
							<!--新增-->
							<input v-else required title="处罚时间" readonly="readonly" type="text"  id='demo2' data-options='{"type":"date","beginYear":2014,"endYear":2099}' class="mui-input-clear" placeholder="请选择处罚时间" @click="dataSelect()"  name="summarycase.cfrq" value="">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix">
						<div class="mui-input-row border" id="other" xbzx-verify="result">
							<label class="must">处罚结果：</label>
							<div class="mui-radio mui-left mui-pull-left">
								<label>警告</label>
								<input name="summarycase.cfjg" type="radio" class="radio"  value="警告">
							</div>
							<div class="mui-radio mui-left mui-pull-left" id="otherres">
								<label>其他</label>
								<input name="summarycase.cfjg" data="其他" type="radio" class="radio" >
							</div>
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix" id="otherbox" style="display: none;">
						<div class="mui-input-row border" xbzx-verify="result_text">
							<label class="must">其他：</label>
							<input type="text" id="otherval" class="mui-input-clear" placeholder="请输入处罚结果"  maxlength="50"  :value="list.cfjg">
						</div>
					</li>
					<li class="mui-table-view-cell  mui-table-view-list mui-clearfix upbook">
						<div class="mui-input-row border " xbzx-verify="img">
							<label class="must" id="sss">当场行政处罚书上传</label>
							<div id="imgupbox">
								<a href="javascript:;" @click="imgup()"></a>
								<div :id="'img'+index" class="imgList" v-for="(i,index) in imgsrc">
									<span class="close">X</span>
									<img :src="imgsrcfirst+i.path" data-preview-src='' data-preview-group='1' />
								</div>
								<input type="hidden" name="imgUrl" :id="index" :value="i.path" v-for="(i,index) in imgsrc" />
							</div>
						</div>

					</li>
				</ul>
			</div>
		</form>
		<script src="js/lib/jquery-1.11.0.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/lib/vue.js"></script>
		<script src="js/common/rutour.js"></script>
		<script src="js/common/server_commonFun.js"></script>
		<script src="js/lib/mui.picker.min.js"></script>
		<script src="js/lib/mui.poppicker.js"></script>
		<script src="js/lib/city.data-3.js"></script>
		<script src="js/lib/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lib/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/penalizeAdd.js"></script>

	</body>

</html>